﻿@{
    ViewBag.Title = "Get the examination";
    ViewData["header"] = "<link href=\"" + Url.Content("~/Content/esnQuiz.css") + "\" rel=\"stylesheet\" type=\"text/css\" />";
}
        <script type="text/javascript">
            var ExId = @ViewBag.ExId;
        </script>
        @if (ViewBag.IsFree != null)
        {
        <script type="text/javascript">
            alert("You are now metting the limit shot for this exercise (" + ExId + "). From now your point will not be count.");
        </script>
        }
        <script type="text/javascript" src="/Scripts/esnQuiz-test.js"></script>
        <h1>@ViewBag.Title</h1>
        <div id="countDown">
            Còn lại: 
            <span id="hLeft"></span> @ESN.Languages.LangString.Load("hour", "Quiz") 
            <span id="mLeft"></span> @ESN.Languages.LangString.Load("minute", "Quiz") 
            <span id="sLeft"></span> @ESN.Languages.LangString.Load("second", "Quiz")
        </div>
        <div id="loadingDialog"><img width="300" height="43" src="/Content/images/loading.gif" alt="loading..." /></div>
        <div id="questionList" class="ui-widget-content ui-corner-all"></div>
        <div id="toggleBar" class="ui-state-active">Q<br />u<br />e<br />s<br />t<br />i<br />o<br />n<br /><br />L<br />i<br />s<br />t</div>
        <div id="editorArea">
            <div class="ui-widget-header ui-corner-top">
				<input type="button" value="&lt;&lt;" id="buttonBack" />
				<input type="button" value="&gt;&gt;" id="buttonNext" />
				<input type="button" value="Submit" id="buttonSubmit" style="float:right;margin-right:10px;" class="ui-corner-all" />
			</div>
			<div id="mainEditor" class="ui-widget-content ui-corner-bottom">
                <div class="editor" id="editorType0">
                    <div id="questionType0" class="ui-state-highlight ui-corner-all"></div>
                    <div id="answerType0">
                        <ul id="ansListType0"></ul>
                    </div>
                </div>
                <div class="editor" id="editorType1">
                    <div id="questionType1" class="ui-state-highlight ui-corner-all"></div>
                    <div id="answerType1">
                        <ul id="ansListType1"></ul>
                    </div>
                </div>
                <div class="editor" id="editorType2">
                    <div id="questionType2" class="ui-state-highlight ui-corner-all"></div>
                    <table id="answerType2" style="width:100%;">
                        <tr>
                            <td style="width:50%;"><ul class="ansListType2" id="ansListType2A"></ul></td>
                            <td style="width:50%;"><ul class="ansListType2" id="ansListType2B"></ul></td>
                        </tr>
                    </table>
                </div>
                <div class="editor" id="editorType3">
                    <div id="questionType3" class="ui-state-highlight ui-corner-all"></div>
                    <div id="answerType3">
                        <div id="ansListType3"></div>
                    </div>
                </div>
                <div class="editor" id="editorType4">
                    <div id="questionType4" class="ui-state-highlight ui-corner-all"></div>
                    <textarea cols="50" rows="10" id="answerType4"></textarea>
                    <div>@Html.Raw(ESN.Languages.LangString.Load("res_length", "Quiz"))</div>
                </div>
			</div>
        </div>